<head>
    <link rel="stylesheet" href="./reset.css">
</head>

<style>
    .clearfix::after {
        content: '';
        clear: both;
        display: block;
    }

    .container {
        width: 1150px;
        margin: 0 auto;
    }

    .site-header {
        width: 100%;
        height: 100px;
    }

    .nav-logo {
        float: left;
    }

    .nav-logo a {
        display: block;
        width: 80px;
        height: 83px;
    }

    .nav-list {
        float: left;
        width: 820px;
        height: 88px;
    }

    .nav-list li {
        float: left;
    }

    .nav-list li a {
        display: block;
        padding: 33.5px 10px;
    }

    .site-search {
        float: right;
        position: relative;
        margin: 28px 0 4 0;
    }

    .site-search form input{
        height: 34px;
    }
    .site-search form .content{
        padding: 0 15px;
    } 
    .hot_search_world{
        position: absolute;
        top: 10px;
        right:58px;
        font-size: 14px;
    }
    .hot_search_world span{
        background-color: #eee;
    }
    .hot_search_world span:hover{
        background-color: #f69554;
    }
</style>

<body>

    <div class="site-header">
        <div class="container clearfix">
            <div class="nav-logo">
                <a href="#">
                    <img src="img/logo.png" alt="" style="transform: scale(0.6)">
                </a>
            </div>

            <div class="nav-list">
                <ul class="clearfix">
                    <li><a href="#">全部商品</a></li>
                    <li><a href="#">Xiaomi手机</a></li>
                    <li><a href="#">Redimi手机</a></li>
                    <li><a href="#">电视</a></li>
                    <li><a href="#">平板</a></li>
                    <li><a href="#">家电</a></li>
                    <li><a href="#">路由器</a></li>
                    <li><a href="#">服务中心</a></li>
                    <li><a href="#">社区</a></li>
                </ul>
            </div>

            <div class="site-search">
                <form action="#">
                    <input type="text" value="" class="content">
                    <input type="submit" value="搜索">
                    <div class="hot_search_world">
                        <a href="#"><span>小米9</span></a>
                        <a href="#"><span>小米9 SE</span></a>
                    </div>
                </form>
            </div>
        </div>

    </div>

</body>